<header id="header">
    <figure id="logo"><a href="dashboard.php" class="logo"></a></figure>
    <section id="general-options">
        <a href="#" class="settings tipsy-header" title="Settings"></a>
        <a href="#" class="users tipsy-header" title="Users"></a>
        <a href="#" class="messages tipsy-header" title="Messages"></a>
    </section>
    <section id="userinfo">
        <span class="welcome">Welcome <strong>John Doe</strong>. It's nice having you back</span>
        <span class="last-login">Last login on June 1st at 11:24hs</span>
        <div class="profile">
            <div class="links">
                <a href="#">Profile</a>
                <a href="#">Inbox</a>
                <a href="login.php" class="logout">Logout</a>
            </div>
            <img src="img/profile-pict.jpg" alt="John Doe">
        </div>
    </section>
    <section id="responsive-nav">
        <select id="nav_select">
            <option value="">Navigate</option>
            <option value="dashboard.php">Dashboard</option>
            <option value="form-elements.php">Form Elements</option>
            <option value="grid.php">Grid</option>
            <option value="ui.php" selected="selected">General UI</option>
            <option value="icons.php">@Font-Face Icons</option>
            <option value="calendar.php">Calendar</option>
            <option value="typography.php">Typography</option>
            <option value="gallery.php">Gallery</option>
            <option value="tables.php">Tables and Charts</option>
        </select>
    </section>
</header> <!-- /Header -->